.item a,body,html {
	height: 100%;
	width: 100%
}

.item a,.marketing div,body,html {
	height: 100%
}

.item a .marketing-icon,.item a:hover .marketing-icon {
	display: block;
	background-position: top;
	background-size: contain
}

body,html {
	margin: 0;
	padding: 0;
	overflow: hidden
}

.item {
	max-height: 70%
}

.item a {
	display: block
}

.item a .marketing-icon {
	padding: 0;
	margin-bottom: 10px;
	height: 70%;
	max-width: 100%
}

.heifai-kitchen .marketing-icon {
	background: url(../images/heifai-kitchen.png) no-repeat
}

.heifai-kitchen:active .marketing-icon,.heifai-kitchen:hover .marketing-icon
	{
	background: url(../images/heifai-kitchen-hover.png) no-repeat
}

.heifai-cookbox .marketing-icon {
	background: url(../images/heifai-cookbox.png) no-repeat
}

.heifai-cookbox:active .marketing-icon,.heifai-cookbox:hover .marketing-icon
	{
	background: url(../heifai-cookbox-hover.png) no-repeat
}

.brandRestaurant .marketing-icon {
	background: url(../images/restaurants.png) no-repeat
}

.brandRestaurant:active .marketing-icon,.brandRestaurant:hover .marketing-icon
	{
	background: url(../images/restaurants-hover.png) no-repeat
}

.item a .desc {
	display: none
}

.item a:hover .desc {
	display: block
}

@media ( min-width :992px) {
	body {
		background: url(../images/background.jpg) no-repeat;
		background-size: cover
	}
	.logo {
		position: absolute;
		float: left;
		top: 38px;
		left: 40px
	}
	.marketing {
		height: 100%;
		padding-top: 20%;
		padding-bottom: 10%
	}
	.marketing .item {
		text-align: center
	}
	.marketing .title {
		font-weight: 400;
		font-size: 24px;
		color: #fff
	}
	.marketing .desc {
		font-size: 14px;
		color: #fff;
		margin-top: 20px
	}
}

@media ( max-width :992px) {
	html body {
		overflow-x: hidden;
		overflow-y: hidden
	}
	body {
		background: url(../images/register-app.jpg);
		background-size: 100% auto
	}
	.logo {
		position: absolute;
		width: 100%;
		top: 70px
	}
	.logo img {
		display: block;
		margin: 0 auto;
		width: 40%
	}
	.marketing {
		height: 100%;
		padding-top: 55%;
		padding-bottom: 10%
	}
	.marketing .item {
		max-height: 30%;
		margin-bottom: 40px;
		text-align: center
	}
	.marketing .title {
		font-weight: 400;
		font-size: 16px;
		color: #fff
	}
	.group-accounts {
		position: fixed;
		bottom: 20px;
		width: 100%
	}
	.group-accounts .btn {
		border-radius: 6px;
		font-weight: 600
	}
	.group-accounts .btn-login {
		color: #fff;
		background-color: #ffab02
	}
	.group-accounts .btn-register {
		color: #ffab02;
		background-color: #fff
	}
}